<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org"
	th:fragment="common(sideMenu, pageContent, modalForm, script, tableScript)">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<!-- Meta, title, CSS, favicons, etc. -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">

<title>学生选课系统 |</title>

<!-- Bootstrap -->
<link th:href="@{/css/bootstrap.min.css}" rel="stylesheet">
<!-- Font Awesome -->
<link th:href="@{/css/font-awesome.min.css}" rel="stylesheet">
<!-- NProgress -->
<link th:href="@{/css/nprogress.css}" rel="stylesheet">
<!-- iCheck -->
<link th:href="@{/css/iCheck/skins/flat/green.css}" rel="stylesheet">
<!-- Datatables -->
<link th:href="@{/css/dataTables.bootstrap.min.css}" rel="stylesheet">

<link th:href="@{/css/buttons.bootstrap.min.css}" rel="stylesheet">

<link th:href="@{/css/responsive.bootstrap.min.css}" rel="stylesheet">
<link th:href="@{/css/scroller.bootstrap.min.css}" rel="stylesheet">

<!-- Custom Theme Style -->
<link th:href="@{/css/custom.css}" rel="stylesheet">
</head>

<body class="nav-md">
	<div class="container body">
		<div class="main_container">
			<div class="col-md-3 left_col">
				<div class="left_col scroll-view">
					<div class="navbar nav_title" style="border: 0;">
						<a href="" class="site_title"><i class="fa fa-paw"></i> <span>学生选课系统</span></a>
					</div>
					<div class="clearfix"></div>

					<!-- menu profile quick info -->
					<div class="profile clearfix">
						<div class="profile_pic">
							<img th:src="@{/images/img.jpg}" alt="..."
								class="img-circle profile_img">
						</div>
						<div class="profile_info">
							<span>欢迎,</span>
							<h2 th:text="${username}">账号</h2>
						</div>
						<div class="clearfix"></div>
					</div>
					<!-- /menu profile quick info -->

					<br />

					<!-- sidebar menu -->
					<div id="sidebar-menu"
						class="main_menu_side hidden-print main_menu">
						<div class="menu_section">
							<h3>管理菜单</h3>
							<ul th:replace="${sideMenu}" class="nav side-menu">
								<li><a><i class="fa fa-university"></i>管理 <span
										class="fa fa-chevron-down"></span></a>
									<ul class="nav child_menu">
										<li><a href="jwc/review-open-course">管理</a></li>
									</ul></li>
							</ul>
						</div>
					</div>
					<!-- /sidebar menu -->

					<!-- /menu footer buttons -->
					<div class="sidebar-footer hidden-small">
						<a data-toggle="tooltip" data-placement="top" title="Settings">
							<span class="glyphicon glyphicon-cog" aria-hidden="true"></span>
						</a> <a data-toggle="tooltip" data-placement="top" title="FullScreen">
							<span class="glyphicon glyphicon-fullscreen" aria-hidden="true"></span>
						</a> <a data-toggle="tooltip" data-placement="top" title="Lock"> <span
							class="glyphicon glyphicon-eye-close" aria-hidden="true"></span>
						</a> <a data-toggle="tooltip" data-placement="top" title="Logout"
							href="login.html"> <span class="glyphicon glyphicon-off"
							aria-hidden="true"></span>
						</a>
					</div>
					<!-- /menu footer buttons -->
				</div>
			</div>

			<!-- top navigation -->
			<div class="top_nav">
				<div class="nav_menu">
					<nav>
						<div class="nav toggle">
							<a id="menu_toggle"><i class="fa fa-bars"></i></a>
						</div>

						<ul class="nav navbar-nav navbar-right">
							<li class=""><a href="javascript:;"
								class="user-profile dropdown-toggle" data-toggle="dropdown"
								aria-expanded="false"> <span class=" fa fa-angle-down"
									th:text="${username}"></span>
							</a>
								<ul class="dropdown-menu dropdown-usermenu pull-right">
									<li><a th:href="@{/logout}"><i
											class="fa fa-sign-out pull-right"></i>注销登录</a></li>
								</ul></li>
						</ul>
					</nav>
				</div>
			</div>
			<!-- /top navigation -->

			<!-- page content -->
			<div class="right_col" role="main">
				<th:block th:replace="${pageContent}" />
			</div>
			<!-- /page content -->

			<!-- footer content -->
			<footer>
				<div class="pull-right">
					Gentelella - Bootstrap Admin Template by <a
						href="https://colorlib.com">Colorlib</a>
				</div>
				<div class="clearfix"></div>
			</footer>
			<!-- /footer content -->
		</div>
	</div>

	<th:block th:if="${modalForm}">
		<div class="modal fade" id="edit-modal" tabindex="-1" role="dialog"
			aria-labelledby="edit-modal">
			<div class="modal-dialog" role="document">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal"
							aria-label="Close">
							<span aria-hidden="true">&times;</span>
						</button>
						<h4 class="modal-title" id="exampleModalLabel">编辑信息</h4>
					</div>
					<div class="modal-body">
						<th:block th:replace="${modalForm}"></th:block>
					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
						<button onclick="window['modal-form'].submit()" id="submit-btn"
							type="button" class="btn btn-primary">确定</button>
					</div>
				</div>
			</div>
		</div>
	</th:block>


	<!-- jQuery -->
	<script th:src="@{/js/jquery.min.js}"></script>
	<!-- Bootstrap -->
	<script th:src="@{/js/bootstrap.min.js}"></script>
	<!-- FastClick -->
	<script th:src="@{/js/fastclick.js}"></script>
	<!-- NProgress -->
	<script th:src="@{/js/nprogress.js}"></script>
	<!-- iCheck -->
	<script th:src="@{/js/icheck.min.js}"></script>
	<!-- Datatables -->
	<script th:src="@{/js/jquery.dataTables.min.js}"></script>
	<script th:src="@{/js/dataTables.bootstrap.min.js}"></script>

	<script th:src="@{/js/dataTables.buttons.min.js}"></script>
	<script th:src="@{/js/buttons.bootstrap.min.js}"></script>
	<!-- 	<script th:src="@{/js/buttons.flash.min.js"}></script> -->
	<!-- 	<script th:src="@{/js/buttons.html5.min.js}"></script> -->
	<!-- 	<script th:src="@{/js/buttons.print.min.js}"></script> -->

	<script th:src="@{/js/dataTables.responsive.min.js}"></script>
	<script th:src="@{/js/responsive.bootstrap.js}"></script>
	<script th:src="@{/js/dataTables.scroller.min.js}"></script>

	<th:block th:if="${script}">
		<th:block th:replace="${script}">
		</th:block>
	</th:block>

	<th:block th:if="${tableScript}">
		<th:block th:replace="${tableScript}">

		</th:block>
	</th:block>



	<!-- Custom Theme Scripts -->
	<script th:src="@{/js/custom.js}"></script>

</body>
</html>
